<template>
  <svg
    width="280"
    height="180"
    viewBox="0 0 280 180"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="280" height="180" fill="var(--el-fill-color-light)" />
    <g filter="url(#filter0_d_13752_240019)">
      <path
        d="M60 50C60 48.8954 60.8954 48 62 48H218C219.105 48 220 48.8954 220 50V130C220 131.105 219.105 132 218 132H62C60.8954 132 60 131.105 60 130V50Z"
        fill="var(--el-fill-color-blank)"
      />
      <path
        d="M62 47.7C60.7297 47.7 59.7 48.7297 59.7 50V130C59.7 131.27 60.7297 132.3 62 132.3H218C219.27 132.3 220.3 131.27 220.3 130V50C220.3 48.7297 219.27 47.7 218 47.7H62Z"
        stroke="var(--el-border-color-dark)"
        stroke-width="0.6"
      />
    </g>
    <rect
      x="70"
      y="58"
      width="57"
      height="4"
      rx="2"
      fill="var(--el-border-color-dark)"
    />
    <rect
      x="70"
      y="82"
      width="57"
      height="4"
      rx="2"
      fill="var(--el-border-color-dark)"
    />
    <rect
      x="70"
      y="106"
      width="57"
      height="4"
      rx="2"
      fill="var(--el-border-color-dark)"
    />
    <line
      x1="68"
      y1="71.6"
      x2="212"
      y2="71.6"
      stroke="var(--el-color-primary)"
      stroke-width="0.8"
    />
    <line
      x1="68"
      y1="95.6"
      x2="212"
      y2="95.6"
      stroke="var(--el-color-primary)"
      stroke-width="0.8"
      stroke-dasharray="2 2"
    />
    <line
      x1="68"
      y1="119.6"
      x2="134"
      y2="119.6"
      stroke="var(--el-color-primary)"
      stroke-width="0.8"
    />
    <line
      x1="146"
      y1="119.6"
      x2="212"
      y2="119.6"
      stroke="var(--el-color-primary)"
      stroke-width="0.8"
    />
    <path
      d="M139 117.5L139.529 118.772L140.902 118.882L139.856 119.778L140.176 121.118L139 120.4L137.824 121.118L138.144 119.778L137.098 118.882L138.471 118.772L139 117.5Z"
      fill="var(--el-color-primary)"
    />
    <defs>
      <filter
        id="filter0_d_13752_240019"
        x="46.0666"
        y="34.0671"
        width="187.867"
        height="111.866"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="6.66667" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13752_240019"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13752_240019"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
</template>
